<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
	<title>云文档————个人主页</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		body{
			background: url("https://api.ghser.com/random/api.php");
			width: 100vw;
			height: 100vh;
			background-size: cover;
			text-align: center;
			}
			.zt{
				width: 80vw;
				min-height: 75vh;
				background: white;
				opacity: 0.7;
				margin: auto;
				margin-top: 4vh;
				border-radius: 15px;
				backdrop-filter: blur(800px);
				box-shadow: 5px 5px 10px black;
				transition: 0.5s;
			}
			.zt:hover{
				width: 80vw;
				min-height: 75vh;
				background: white;
				opacity: 1;
				margin: auto;
				margin-top: 4vh;
				border-radius: 15px;
				backdrop-filter: blur(800px);
				box-shadow: 5px 5px 10px black;
			}
			.tx{
				width: 35vw;
				height: 15vh;
				background-image: deepskyblue;
				margin: auto;
				position: relative;
				top: 1vh;
				border-radius: 15px;
				background-size: cover;
				background-attachment: fixed;
				background-position: center center;
				background-repeat: no-repeat;
				}
			.zl{
				width: 30vh;
				min-height: 5vh;
				background: lightblue;
				margin: auto;
				margin-top: 2vh;
				border-radius: 15px;
				font-size: 3vh;
			}
			.an{
				width: 15vw;
				height: 8vh;
				background: url('img/fh.png') no-repeat;
				position: absolute;
				top: 5vh;
				left: 20px;
				cursor: pointer;
			}
	</style>
</head>
<body onload="hqxx()">
		<div class="zt">
			<div class="an" onclick="window.history.back()"></div>
			<div class="tx" id="tx"></div>
			<div class="zl" id="zh">账号809551336</div>
			<div class="zl" id="jf">云币数99999</div>
			<div class="zl" id="sl">文档数999999</div>
			<div class="zl" id="QQ">QQ</div>
			<div class="zl" id="nc">昵称</div>
			<div class="zl" id="VIP">vip</div>
			<div class="zl" id="sf">最高指挥官</div>
			<div class="zl" id="zcsj">注册时间</div>
		</div>
</body>
</html>
<script type="text/javascript">
	function hqxx(){
		var zh=$.cookie('user');
		var mm=$.cookie('pass');
		$.post("denglu.php",{
			user:zh,
			pass:mm
		},
		function (data){
			if(data.msg=="登录成功"){
				document.getElementById("tx").style.background='url("http://q1.qlogo.cn/g?b=qq&nk=1661993235&s=140") no-repeat';
				document.getElementById("zh").innerHTML="账号："+zh;
				document.getElementById("jf").innerHTML="云币："+data.jf;
				document.getElementById("nc").innerHTML="昵称："+data.nc;
				document.getElementById("QQ").innerHTML="QQ："+data.QQ;
				document.getElementById("sl").innerHTML="可用文档数："+data.sl;
				// document.getElementById("dlsj").innerHTML="最近登录时间："+data.dlsj;
				document.getElementById("zcsj").innerHTML="注册时间："+data.zc;
				// document.getElementById("zcsc").innerHTML="你已注册："+data.zcsc+"秒<br>"+data.zcf+"分<br>"+data.zcs+"小时<br>"+data.zczs+"周<br>"+data.zcyfs+"月<br>"+data.zcn+"年";
				// document.getElementById("IP").innerHTML="当前IP："+returnCitySN["cip"];
				if(data.vip=="false"){
				document.getElementById("VIP").innerHTML="尚未开通VIP";
			}else{
				document.getElementById("VIP").innerHTML="VIP："+data.vip;
			}
			if(data.power=="true"){
				document.getElementById("sf").innerHTML="身份：最高指挥官";
			}else{
				document.getElementById("sf").innerHTML="身份：用户";
			}
			}
		},"json");
	}
</script>